import Taro,{ Component,Config } from "@tarojs/taro";
import { View,Text,ScrollView } from "@tarojs/components";
import { AtTimeline,AtIcon } from "taro-ui";
import "./index.scss";

export default class User extends Component {
  render(){
    const scrollStyle = {
      height: '100vh'
    }
    const scrollTop = 0
    const Threshold = 20
    return (
      <ScrollView
        className='scrollview'
        scrollY
        scrollWithAnimation
        scrollTop={scrollTop}
        style={scrollStyle}
        lowerThreshold={Threshold}
        upperThreshold={Threshold}
      >
        <View className='container'>
          <AtIcon value='user' size='28' color='#6190e8'></AtIcon>
          <Text className='individual'>个人简介</Text>
          <View className='UserView'>
             <Text className='UserText'>QQ 851708184</Text>
             <Text className='UserText'>个人博客 www.start6.cn</Text>
             <Text className='UserText'>码云地址 www.gitee.com/EightDoor</Text>
          </View>
          <View className='versionDetails'>
            <AtIcon value='message' size='28' color='#6190e8'></AtIcon>
            <Text className='individual'>版本详情</Text>
          </View>
          <AtTimeline 
            items={[
              { title: 'taro版本: 1.3.0-beta.3' },
              { title: '干货集中营(cNode),电影(正在热映,即将上映,预告电影)' }, 
              { title: '后续增加功能 ① segmentfault(思否)->最新推荐 ② 开源中国->最新推荐 ③ 电影->查影讯,演员列表,图片列表' }
            ]}
          >
          </AtTimeline>
          <View className='versionDetails'>
            <AtIcon value='help' size='28' color='#6190e8'></AtIcon>
            <Text className='individual'>数据来源</Text>
            <Text className='help'>cNode,时光网(云开发转换http)</Text>
          </View>
        </View>
      </ScrollView>
    )
  }
}
